<template>
	<div class="home">
		<el-container>
			<el-main>
				<!-- 轮播 -->
				
				<!-- 中间部分 -->
				<el-row :gutter="20">
					<el-col :span="18">
						<Guanyu />
					</el-col>
					<el-col :span="6">
						<Content />
						<History />
						<Hot />
					</el-col>

				</el-row>
			</el-main>
		</el-container>
		<Footer />
	</div>
</template>

<script>
	// @ is an alias to /src
	import Guanyu from '@/components/home/Guanyu.vue'
	import Content from '@/components/Content.vue'
	import History from '@/components/History.vue'
	import Hot from '@/components/Hot.vue'
	
	import Footer from '@/components/Footer.vue'

	export default {
		name: 'Home',
		components: {
			Guanyu,
			Content,
			History,
			Hot,
			
			Footer
		}
	}
</script>
